<!--
亲爱的陌生人，罗翔老师这段话送给迷茫的你：
“对于可控的事情要保持谨慎，对于不可控的事情要保持乐观，人只能做自己能力范围内的事情，更要接受这个事实，并且以乐观的心去应对这一切。” ​ ​​​
 -->
<!-- ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⡀⠀⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⠀⣼⣿⣿⣦⡀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢸⣿⣿⡟⢰⣿⣿⣿⠟⠁⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⠿⢿⣦⣀⠀⠘⠛⠛⠃⠸⠿⠟⣫⣴⣶⣾⡆⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⡀⠀⠉⢿⣦⡀⠀⠀⠀⠀⠀⠀⠛⠿⠿⣿⠃⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣦⠀⠀⠹⣿⣶⡾⠛⠛⢷⣦⣄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣧⠀⠀⠈⠉⣀⡀⠀⠀⠙⢿⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⡿⠟⠋⠀⠀⢠⣾⠟⠃⠀⠀⠀⢸⣿⡆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢀⣠⣶⡿⠛⠉⠀⠀⠀⠀⠀⣾⡇ 加油! ⢸⣿⠇⠀⠀⠀⠀⠀
⠀⢀⣠⣾⠿⠛⠁⠀⠀⠀⠀⠀⠀⠀⢀⣼⣧⣀⠀⠀⠀⢀⣼⠇⠀⠀⠀⠀⠀⠀
⠀⠈⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡿⠋⠙⠛⠛⠛⠛⠛⠁⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣾⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢾⠿⠋ -->
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,IE=11,IE=10,IE=9,IE=8">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="icon" href="../style/img/favicon.ico" mce_href="../style/img/favicon.ico" type="image/x-icon">

		<title>电影,电影大全,电影天堂,最新电影,好看的电影,电影排行榜-三岁影视</title>

		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
		<!-- <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> -->


		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->


		<link rel="stylesheet" href="../style/css/me.css" />
		<link rel="stylesheet" href="../style/js/css/layui.css" media="all">
		<link rel="stylesheet" href="../style/css/auto.css" />
		<link rel="stylesheet" href="../style/css/fakeLoader.min.css">

		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
			integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
		<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
			integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
		<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
			integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
		</script>

		<style>
			@media print {
				.container {
					width: auto;
				}
			}


			#header_color {
				height: 70px;
			}

			#u2_btn_sy,
			#u2_btn_dy,
			#u2_btn_dsj,
			#u2_btn_zy,
			#u2_btn_dm {
				color: #FFFFFF;
				background-color: transparent;
				border-width: 0rem;
			}

			.type {
				background-color: rgba(232, 242, 254, 1);
				width: 132px;
				height: 99px;
				border-radius: 5px;
				font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
				font-weight: 700;
				font-style: normal;
				font-size: 20px;
				color: #257CFF;
				cursor: pointer;
				margin: 0px 0px 0px 35px;
				text-align: center;
				line-height: 95px;
			}

			.type:hover {
				color: #FFFFFF;
				background-color: #257CFF;
				-webkit-box-shadow: #257CFF 0px 0px 20px;
				-moz-box-shadow: #257CFF 0px 0px 20px;
				box-shadow: #257CFF 0px 0px 20px;
			}


			#u2_btn_dy {
				background-color: #385AEB;
			}
		</style>
	</head>

	<body>
		<!-- 头部 -->
		<div class="fakeloader"></div>
		<div class="m-mobile-hide">
			<nav class="navbar navbar-default navbar-static-top">
				<div class="container" id="header_color">
					<div class="row">
						<div class="col-md-3">
							<div class="navbar-header" style="margin-top: -15px;float: right;">
								<!-- logo -->
								<span>
									<a class="" href="#" id="title_logo">
										<img alt="Brand" src="../style/img/u1.png">
									</a>
									<img class="" id="title_img" src="../style/img/u2.svg" />
									<!-- 标题 -->
									<p class="" id="title">三岁影视</p>
								</span>
							</div>
						</div>
						<div class="col-md-4">
							<div id="u2_btn">
								<a type="button" href="../index.html" id="u2_btn_sy">首页</a>
								<a type="button" href="dianying.html" id="u2_btn_dy">电影</a>
								<a type="button" href="dianshiju.html" id="u2_btn_dsj">电视剧</a>
								<a type="button" href="zongyi.html" id="u2_btn_zy">综艺</a>
								<a type="button" href="dongman.html" id="u2_btn_dm">动漫</a>
							</div>
						</div>

						<div class="col-md-5">
							<!-- 搜索框 -->
							<div id="u2_search">
								<div class="layui-input-inline">
									<input type="text" id="search_input" style="color: #FFFFFF;" required
										lay-verify="required" placeholder="大人想搜点什么？" autocomplete="off"
										class="layui-input">
								</div>
								<button type="submit" id="search_input_btn" style="color: #FFFFFF;"
									class="btn btn-default">搜索</button>
							</div>
						</div>
					</div>

				</div>
			</nav>

			<!-- 内容部分 -->

			<!-- 分类显示部分，因为接口未区分电影分类，故此功能只用于显示 -->
			<div class="container">
				<div class="row">
					<div class="col-md-2">
						<div class="type" id="dongzuo">
							<p class="type_title" value="动作">动作片</p>
						</div>
					</div>
					<div class="col-md-2">
						<div class="type" id="xiju">
							<p class="type_title" value="喜剧">喜剧片</p>
						</div>
					</div>
					<div class="col-md-2">
						<div class="type" id="aiqing">
							<p class="type_title" value="爱情">爱情片</p>
						</div>
					</div>
					<div class="col-md-2">
						<div class="type" id="kehuan">
							<p class="type_title" value="科幻">科幻片</p>
						</div>
					</div>
					<div class="col-md-2">
						<div class="type" id="kongbu">
							<p class="type_title" value="恐怖">恐怖片</p>
						</div>
					</div>
					<div class="col-md-2">
						<div class="type" id="juqing">
							<p class="type_title" value="剧情">剧情片</p>
						</div>
					</div>
				</div>

			</div>



			<div class="container">
				<div class="u3_div">

					<!-- 电影部分 -->
					<div class="row">
						<div class="col-md-4">
							<span class="label label-primary u3_div_title">热门电影</span>
						</div>
					</div>

					<div class="row u3_div_mov">
						<!-- <div class="col-md-3">
						<div class="thumbnail">
							<img src="https://ae01.alicdn.com/kf/HTB1s6j_Xrys3KVjSZFn760FzpXaA.png" alt="图片正在赶来的路上..."
								onclick="javascript:location.href='./index.html'" class="u3_div_img">
							<div class="caption">
								<a href="#" class="u3_div_text">向往的生活 第五季</a>
								<p id="u3_div_text_p">更新至20210521<p>
							</div>
						</div>
					</div> -->
					</div>


				</div>
			</div>

			<!-- <footer><p>&copy; 2016 Company, Inc.</p></footer> -->
			<div class="layui-footer footer footer-doc">
				<hr>
				<div class="layui-container">
					<div class="site-union" align="left">
						<p class="site-union-desc footer_youlian">
							<span id="">
								友情链接:
							</span>&nbsp;
							<span>
								<a href="https://cloud.tencent.com/" target="_blank">腾讯云</a>
								&nbsp;|&nbsp;
								<a href="http://www.baidu.com" target="_blank">百度</a>
							</span>
						</p>
					</div>

					<div align="center" id="footer_gy">
						<p><span>本站所有视频和图片均来自互联网收集而来，版权归原创者所有，本网站只提供web页面服务，并不提供资源存储，也不参与录制、上传</span></p>
						<p><span>若本站收录的节目无意侵犯了贵司版权，请发邮件至1578393930@qq.com （我们会在3个工作日内删除侵权内容，谢谢。）</span></p>
						<p>&copy; 2021 <a href="#三岁影视" style="text-decoration: none;">三岁影视</a>&nbsp;&nbsp;&nbsp;
							<a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration: none;">备案号</a>
						</p>
						<a href='https://gitee.com/wyq517/sansui-movies/stargazers'><img
								src='https://gitee.com/wyq517/sansui-movies/badge/star.svg?theme=dark'
								alt='star'></img></a>

					</div>
				</div>
			</div>
		</div>
		<div class="m-mobile-show" style="display: none;">
			<iframe marginwidth=0 marginheight=0 width="100%" height=850px src="../m/index.html"
				frameborder="no"></iframe>
		</div>


		<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
		<script src="../style/js/fakeLoader.min.js"></script>
		<script>
			//加载事件

			// $(document).ready(function() {
			// 	$.fakeLoader({
			// 		timeToHide: 1200,
			// 		bgColor: "#55007f",
			// 		spinner: "spinner7"
			//         // imagePath:"yourPath/customizedImage.gif" //也可以加入gif加载图片
			// 	});
			// });


			//加载完成事件

			$(window).on('load', function() {
				$.fakeLoader({
					timeToHide: 1200,
					bgColor: "#55007f",
					spinner: "spinner4"
				});
			});
		</script>
		<script src="../style/js/jquery.params.js"></script>
		<div class="fakeLoader"></div>
		<script src="../style/js/me.js"></script>
		<script src="../style/js/mov.js"></script>
		<script src="../style/js/layui.js" charset="utf-8"></script>
		<script src="https://cdn.jsdelivr.net/gh/hei-jack/heigobacktop@V1.0.1/dist/heigobacktop.min.js"></script>
<!--		<script src="//cdn.jsdelivr.net/gh/hei-jack/heigobacktop@V1.0.1/dist/heigobacktop.min.js"></script>-->

		<script>
			let example = new HeiGoBackTop(2);

			example.onBeforeCreate(function() {
				// 设置主题
				this.themes = 3;
				// 设置移动速度
				this.speed = 40;
				// 设置按钮样式
				this.width = "80px"

			});

			$(function(){

				var title = $.query.get("title_value");
				var page = $.query.get("page");
				type_color(title);
				// console.log("获取信息："+title);
				if(title == ""){
					movsData = get_Movs(7);
					for(i=0;i<movsData.length;i++){
						// console.log(movsData[i])
						vod_name = movsData[i].vod_name;
						//影视更新集数
						vod_remarks = movsData[i].vod_remarks;
						//影视数据id
						vod_id = movsData[i].vod_id;
						//类别id
						type_id = movsData[i].type_id;
						//类别名称
						type_name = movsData[i].type_name;
						//获取剧集详细信息
						infoData = get_info(vod_id);
						//封面信息
						vod_pic = infoData.vod_pic;

						var div_str = '<div class="col-md-3">' +
								'<div class="thumbnail">' +
								'<img src="'+vod_pic+'" typeid="'+type_id+'" vodid="'+vod_id+'" onclick="get_info_jump(this)" alt="图片正在赶来的路上..."' +
								'title="'+vod_name+'"class="u3_div_img" ><div class="caption">' +
								'<a onclick="get_info_jump(this)" typeid="'+type_id+'" vodid="'+vod_id+'" class="u3_div_text" title="' + vod_name +'"><p class="layui-elip">'+vod_name+'</p></a>' +
								'<p class="u3_div_text_p">' + vod_remarks + '</p>' +
								'</div>' + '</div>' + '</div>'

						$(".u3_div_mov").append(div_str);

					}
				}else{
					type_id = get_type_id(title)
					movs = get_Movs(type_id,page)

					for(i=0;i<movs.length;i++){
						// console.log(movsData[i])
						vod_name = movs[i].vod_name;
						//影视更新集数
						vod_remarks = movs[i].vod_remarks;
						//影视数据id
						vod_id = movs[i].vod_id;
						//类别id
						type_id = movs[i].type_id;
						//类别名称
						type_name = movs[i].type_name;
						//获取剧集详细信息
						infoData = get_info(vod_id);
						//封面信息
						vod_pic = infoData.vod_pic;
						var div_str = '<div class="col-md-3">' +
								'<div class="thumbnail">' +
								'<img src="'+vod_pic+'" typeid="'+type_id+'" vodid="'+vod_id+'" onclick="get_info_jump(this)" alt="图片正在赶来的路上..."' +
								'title="'+vod_name+'"class="u3_div_img" ><div class="caption">' +
								'<a onclick="get_info_jump(this)" typeid="'+type_id+'" vodid="'+vod_id+'" class="u3_div_text" title="' + vod_name +'"><p class="layui-elip">'+vod_name+'</p></a>' +
								'<p class="u3_div_text_p">' + vod_remarks + '</p>' +
								'</div>' + '</div>' + '</div>'
						$(".u3_div_mov").append(div_str);

					}
				};






				$(".type_title").click(function () {
					title_value = $(this).attr("value");
					url = "./dianying.html?title_value="+title_value +"&page=1";
					location.href = url
				});



				function search_srt_isnull() {
					var search_str = $("#search_input").val();
					if (search_str == "" || search_str == null) {
						// alert("搜索内容不可为空")
						layer.msg('搜索内容不可为空', function() {
							//关闭后的操作
						});
					}else{
						let title = $("#search_input").val();
						url = "./search.html?wd=" + title; //此处拼接内容
						window.location.href = url;
					}
				};

				$("#search_input_btn").click(function() {
					search_srt_isnull();
					return false;
				})

				// 回车事件
				$('#search_input').bind('keypress', function(event) {
					if (event.keyCode == "13") {
						search_srt_isnull();
						return false;
					}
				});




			})



		</script>
	</body>
</html>
